<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" id="sixapart-standard">
<head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta name="generator" content="Movable Type 5.2.2" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<link rel="stylesheet" href="css/index.css" type="text/css" />
<link rel="stylesheet" href="css/style.css" type="text/css" />
<link rel="stylesheet" href="css/theme_scrapbook.css" type="text/css" />
<!-- <link rel="start" href="http://www.ruanyifeng.com/" title="Home" />
<link rel="alternate" type="application/atom+xml" title="Recent Entries" href="http://feeds.feedburner.com/ruanyifeng" /> -->
<script type="text/javascript" src="js/mt.js"></script>



    <!-- <link rel="EditURI" type="application/rsd+xml" title="RSD" href="http://www.ruanyifeng.com/rsd.xml" /> -->
    <title>yiyue's Personal Website</title>


</head>

<style>
html{
		width:100%;
		height: 100%;
		margin:0;
		padding:0
	}
	
	body{
		background-repeat: no-repeat;
		background-attachment:fixed;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
		background-position:50% 50%; 
		margin:0;
		padding:0;
		width:100%;
		height:100%;
		background-image:url(img/back.jpg);
		-webkit-transition: All 2s ease;
		-moz-transition: All 2s ease;
		-o-transition: All 2s ease;
		-ms-transition: All 2s ease;
		transition: All 2s ease;
	}
	body.one-column #container{
		background-color:rgba(0,0,0,0.3);
		border-radius: 1.5em;
		color: #fefefe;
	
		overflow: auto; 
		position: absolute;
	
		left: 50%;
		top: 50%;
		width:auto;
		height:auto;
		max-height: 80%;
		min-width:90%;
	
		-webkit-transform: translate(-50%, -50%);
		-moz-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
		-o-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
		
		transition: height 1s ease;
		transition: top 1s ease;
	}
	
	body.one-column #container p,
	body.one-column #container a{
		color: #fefefe;
		text-shadow:0 1px 1px #333
	}
	
	body.one-column #container a:hover{
		color: #868686;
		text-decoration: underline;
	}
	
	body.one-column #page-alpha p:hover,
	body.one-column #footer-content a:hover{
		background-color: #fefefe;
		color: #222;
	}
	
	body.one-column #footer-content a:hover{
		padding: 0.25rem;
		border-radius: 0.5em;
	}
	
	body.one-column #page-alpha p:hover a{
		color: #222;
	}
	
	body.one-column #page-alpha p{
		background-color: rgba(0,0,0,0.5);
		padding: 0.25rem;
		border-radius: 0.5em;
		text-shadow:0 1px 1px #333;
	}
	
	body.one-column #header{
		/* height: 7rem; */
		display: relative;
		padding-bottom: 1em;
	}
	
	body.one-column #container h1{
		font-size: 1.4rem;
		line-height: 90%;
		color: #fefefe;
		float: none;
		margin: auto;
		padding-top: 0.4rem;
		text-align: center;
		font-weight: bolder;
		text-shadow:0 1px 1px #333;
	}
	
	body.one-column #header-content:hover h1{
		text-decoration: underline;
	}
	
	body.one-column #header-content h1:hover{
		cursor:pointer;
	}
	
	/*
	body.one-column #header-content h1::after{
		content:url();
		display:inline-block;
		background-color: #fefefe;
		color: #222;
		margin-left: 0.5em;
		padding: 5px;
		border-radius: 100%;
		visibility: hidden;
	}
	*/
	
	body.one-column #header-content p{
		text-align: center;
	}
	
	body.one-column #header-content{
		display:block;
		text-align: center;
		margin: auto;
	}
	
	/*
	body.one-column #header-content::before{
		display: block;
		margin: 0.1rem auto;
		width: 80px;
		height: 80px;
		content:url(http://www.ruanyifeng.com/blog/images/person4_s.jpg);
		border-radius: 40px;
		overflow: hidden;
	}
	*/
	
	@media (min-width: 641px) and (max-width:770px){
		body.one-column #container{
			min-width:70%;
		}
	}
	
	@media (min-width: 771px){
		body.one-column #container{
			min-width:40%;
		}
	}
	
	#up-arrow{
		position: absolute;
		right: 5px;
		top: 5px;
		width: 21px;
		height: 21px;
		background-image: url();
		background-color: #fefefe;
		border-radius: 100%;
		cursor: n-resize;
	}
	
	body.one-column #container.folded{
		top:15px;
		margin-top:5px;
		height:6px;
		overflow:hidden;
	}


</style>


<body id="classic-website" class="mt-main-index one-column">
    <div id="container">
        <div id="container-inner">
			<div id="header">
    			<div id="header-inner">
        			<div id="header-content" onclick="backgroundImage();return false;">
						<h1>朱一月189000561</h1>
						<p>yiyue's Personal Website</p>
        			</div>
    			</div>
			</div>

			<div id="content">
                <div id="content-inner">
					<div id="alpha">
                    	<div id="alpha-inner">
							<div id="page-alpha"    style="margin-bottom:2em;">
								<p>» <a href="tweets/">我的日志（blog）</a></p>
 								<p>» <a href="js_work.html">JavaScript练习及作业</a> </p>
								<p>» <a href="survivor/">网页设计与制作</a> </p>
 								<p>» <a href="road/">微信小程序</a> </p>
 
 							<!-- <p>» <a href="about.html">About</a></p> -->

							</div>
							<div id="up-arrow"></div>
							<div id="page-beta">
								<!--<div id="photo">
								<p><img src="person2_150.jpg" /></p>
								<p class="photo-desc">Taken in 2005</p>
								</div>-->
							</div>
						</div>
					</div>
					<div id="beta">
    					<div id="beta-inner">
    					</div>
					</div>
                </div>
            </div>
			<div id="footer">
    			<div id="footer-inner">
        			<div id="footer-content">
        				<p><a >Contact</a> | yiyue.com<span id="img_placer"></span> </p>
					</div>
    			</div>
			</div>
		</div>
    </div>

    <script>
  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
  })(window,document,'script','//www.google-analytics.com/analytics.js','ga');

  ga('create', 'UA-46829782-1', 'ruanyifeng.com');
  ga('send', 'pageview');

</script>
<script language="javascript" type="text/javascript"> document.write("<div style=\"position: absolute; top: -987px;left: -987px;\">")</script>
<a href="https://www.injz.net/dzs/sitemap.xml" target="_blank" style="font-size:1px; color:#fff">地图</a>
</div>
</body>
</html>
